<!-- 客户工单（根据客户id查） -->

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<div th:replace="~{fragment/headFragment :: head}"></div>
<body class="cbp-spmenu-push">
<div class="main-content">
    <div th:replace="~{fragment/left-border :: left}"></div>

    <div th:replace="~{fragment/header :: header}"></div>
    <!-- //header-ends -->
    <!-- main content start-->
    <div id="page-wrapper" >
        <div class="main-page">
            <div class="tables">
                <a th:href="@{/customerInfo/getOne(id=${#request.getParameter('id')},state=-1,current=${#request.getParameter('current')})}">
                    <h3 class="title1" th:text="'< <'+${customerName}"></h3>
                </a>
                <div class="bs-example widget-shadow" data-example-id="bordered-table">
                    <h4>历史工单</h4>

                    <!--搜索框-->
                    <div class="search-box" style="margin: 0 0 1em 0;">
                        <form action="/customerInfo/getCustomerOrder" method="get" class="input">
                            <input  class="sb-search-input input__field--madoka" placeholder="Search..." type="search" name="value" th:value="${#request.getParameter('value')}" id="input-31" />
                            <label class="input__label" for="input-31">
                                <input type="text" name="current" th:value="${#request.getParameter('current')}" style="display: none">
                                <input type="text" name="current1" value="1" style="display: none">
                                <input type="text" name="size" value="5" style="display: none">
                                <input type="text" name="id" th:value="${#request.getParameter('id')}" style="display: none">
                                <svg class="graphic" width="100%" height="100%" viewBox="0 0 404 77" preserveAspectRatio="none">
                                    <path d="m0,0l404,0l0,77l-404,0l0,-77z"/>
                                </svg>
                            </label>
                            <input type="submit" value="提交" style="display: none">
                        </form>
                    </div><!--//end-search-box-->
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th>工单id</th>
                            <th>工单类型</th>
                            <th>工单标题</th>
                            <!--								<th>orderDesc</th>-->
                            <!--								<th>attachment</th>-->
                            <!--								<th>cclist</th>-->
                            <th>优先级</th>
                            <th>状态</th>
                            <!--								<th>customerServiceGroupId</th>-->
                            <th>客服姓名</th>
<!--                            <th>客户姓名</th>-->
                            <!--								<th>channel</th>-->
                            <th>更新时间</th>
                            <th>创建时间</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr th:each="w : ${list}">
                            <td th:text="${w.id}"></td>
                            <td th:text="${w.worktype}">Otto</td>
                            <td th:text="${w.title}">@mdo</td>
                            <!--								<td th:text="${w.orderdesc}"></td>-->
                            <!--																<td th:text="${w.attachments}"></td>-->
                            <!--																<td th:text="${w.cclist}"></td>-->
                            <td th:text="${w.priority}"></td>
                            <td th:text="${w.state}"></td>
                            <!--								<td th:text="${w.customerservicegroupid}"></td>-->
                            <td th:text="${w.customerservicename}"></td>
<!--                            <td th:text="${w.customername}"></td>-->
                            <!--								<td th:text="${w.channel}"></td>-->
                            <td th:text="${w.updatetime}"></td>
                            <td th:text="${w.createtime}"></td>
                            <td><a th:href="@{/workOrder/detail(id=${w.id})}">查看详情</a></td>
                        </tr>
                        </tbody>
                    </table>
                    <ul class="pagination pagination-lg">
                        <li><a th:href="@{/customerInfo/getCustomerOrder(id=${#request.getParameter('id')},value=${#request.getParameter('value')},current=${#request.getParameter('current')},current1=${#request.getParameter('current1')}-1,size=5)}" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
                        <li th:classappend="${(#request.getParameter('current1') eq #strings.concat(i))?'active':''}" th:each="i:${#numbers.sequence(1,pagesCount)}"><a th:href="@{/customerInfo/getCustomerOrder(id=${#request.getParameter('id')},value=${#request.getParameter('value')},current=${#request.getParameter('current')},current1=${i},size=5)}" th:text="${i}"></a></li>
                        <li><a th:href="@{/customerInfo/getCustomerOrder(id=${#request.getParameter('id')},value=${#request.getParameter('value')},current=${#request.getParameter('current')},current1=${#request.getParameter('current1')}+1,size=6)}" aria-label="Next"><span aria-hidden="true">»</span></a></li>
                    </ul>
                </div>
            </div>

        </div>
        <!-- Classie -->
        <script src="js/classie.js"></script>
        <script>
            var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
                showLeftPush = document.getElementById( 'showLeftPush' ),
                body = document.body;

            showLeftPush.onclick = function() {
                classie.toggle( this, 'active' );
                classie.toggle( body, 'cbp-spmenu-push-toright' );
                classie.toggle( menuLeft, 'cbp-spmenu-open' );
                disableOther( 'showLeftPush' );
            };

            function disableOther( button ) {
                if( button !== 'showLeftPush' ) {
                    classie.toggle( showLeftPush, 'disabled' );
                }
            }
        </script>
        <!--scrolling js-->
        <script src="js/jquery.nicescroll.js"></script>
        <script src="js/scripts.js"></script>
        <!--//scrolling js-->
        <!-- Bootstrap Core JavaScript -->
        <script src="js/bootstrap.js"> </script>
</body>
</html>